<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>netMusic</title>
    <script src="./js/request.js"></script>
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./css/base/login.css">
    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="shortcut icon" href="./resource/static/favicon.ico" type="image/x-icon">
</head>

<body>
    <ul class="bubble-bgwall">
        <li>田桑</li>
        <li>田桑</li>
        <li>田桑</li>
        <li>田桑</li>
        <li>田桑</li>
        <li>田桑</li>
        <li>田桑</li>
        <li>田桑</li>
        <li>田桑</li>
        <li>田桑</li>
    </ul>
    <div class="wrap">
        <div class="wrap-box">
            <div class="box-content">
                <div class="sign">
                    <h2 class="title">没有账号吗？</h2>
                    <p class="desc">点击这里注册一个账号</p>
                    <button type="button" class="get-register">注册</button>
                </div>
                <div class="login">
                    <h2 class="title">已经有账号了吗？</h2>
                    <p class="desc">点击这里登录</p>
                    <button type="button" class="get-login">登录</button>
                </div>
            </div>

            <div class="manager-box">
                <div class="login-part fadein">
                    <h3>登录</h3>
                    <div class="input-box">
                        <input type="text" placeholder="请输入手机号" class="btnPhone">
                        <i class="iconfont icon-wo"></i>
                    </div>
                    <div class="input-box">
                        <input type="password" placeholder="密码" class="btnPwd">
                        <i class="iconfont icon-mima"></i>
                    </div>
                    <div class="buttons clearfix">
                        <a href="javascript:;">忘记密码？</a>
                        <button type="button" class="btnLogin fr">登录</button>
                    </div>
                </div>
                <div class="sign-part fadeout">
                    <h3>注册</h3>
                    <div class="input-box">
                        <input type="text" placeholder="请输入手机号" class="btn-phone">
                        <i class="iconfont icon-wo"></i>
                    </div>
                    <div class="input-box">
                        <input type="password" placeholder="密码" class="btn-pwd">
                        <i class="iconfont icon-mima"></i>
                    </div>
                    <div class="input-box">
                        <input type="password" placeholder="确认密码" class="btn-repwd">
                        <i class="iconfont icon-mima"></i>
                    </div>
                    <div class="buttons clearfix">
                        <button type="button" class="btn-register fr">注册</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>

        $(".get-login").click(function () {
            $(".manager-box").removeClass("left").addClass("right");
            $(".sign-part").addClass("fadein").removeClass("fadeout");
            $(".login-part").addClass("fadeout").removeClass("fadein");
        });

        $(".get-register").click(function () {
            $(".manager-box").removeClass("right").addClass("left");
            $(".sign-part").addClass("fadeout").removeClass("fadein");
            $(".login-part").addClass("fadein").removeClass("fadeout");
        });
    </script>
    <script src="./js/login.js"></script>

</body>

</html>